<div id="overview">
	<p>
	MagicDTree 是JQuery树型插件  Dynatree 的封装，使之更易使用，并提供了一些扩展。
	开始使用前 MagicDTree 前，最好先学习一下
	<a href="http://code.google.com/p/dynatree/">Dynatree</a> 插件的使用。
	</p>
</div>
<div id="options">
	<h3><a href="#">treeConfig</a></h3>
	<p>
		Dynatree 的配置。
	</p>
	<h3><a href="#">ctxMenu</a></h3>
	<p>
		右键菜单对象，用于取代Dynatree的默认配置，以便增加扩展。
	</p>
	<h3><a href="#">loader</a></h3>
	<p>
		加载数据的配置.
		<ul>
			<li>url: URL, 加载数据的地址</li>
			<li>params: 加载数据参数，eg: { key: 'root' }</li>
			<li>autoLoad: 自动加载数据. default = true</li>
		</ul>
	</p>
	<h3><a href="#">rootNode</a></h3>
	<p>
		根节点元素，只读。
	</p>
</div>
<div id="events">
	<h3><a href="#">doInsert(dt, callback)</a></h3>
	<p>
		当用户点击右键菜单上的“insert”动作时执行。
		此事件提供了一个机会，以便在用户试图添加节点到树上时做些处理。
		比如，弹出一个对话框，让用户输入一些数据。
		在这个事件中直接插入节点到树是不正确的。
		<ul>
			<li>dt: 节点对象</li>
			<li>callback: 事件结束时调用的方法，此方法会做实际的 insert 操作</li>
		</ul>
	</p>
	<h3><a href="#">doUpdate(dt, callback)</a></h3>
	<p>
		当用户点击右键菜单上的“update”动作时执行。
		此事件提供了一个机会，以便在用户试图修改当前节点时做些处理。
		比如，弹出一个对话框，让用户输入一些数据。
		<ul>
			<li>dt: tree node el</li>
			<li>callback: 事件结束时调用的方法，此方法会做实际的 update 操作</li>
		</ul>
	</p>
	<h3><a href="#">doDelete(dt, callback)</a></h3>
	<p>
		当用户点击右键菜单上的“delete”动作时执行。
		此事件提供了一个机会，以便在用户试图删除当前节点时做些处理。
		比如，弹出一个确认对话框。
		<ul>
			<li>dt: 节点对象</li>
			<li>callback: 事件结束时调用的方法，此方法会做实际的 delete 操作</li>
		</ul>
	</p>
	<h3><a href="#">onCtxMenu(el)</a></h3>
	<p>
		右键菜单弹出事件。
		<ul>
			<li>el: 被右击的节点对象</li>
		</ul>
	</p>
	<h3><a href="#">onLoadSubTree(dt)</a></h3>
	<p>
		当某节点的子树被加载完成时执行
		<ul>
			<li>el: 节点对象</li>
		</ul>
	</p>
	<h3><a href="#">onActive(dt)</a></h3>
	<p>
		节点被点击（激活）时执行
		<ul>
			<li>dt: 节点对象</li>
		</ul>
	</p>
</div>
<div id="methods">
	<h3><a href="#">setContextMenu()</a></h3>
	<p>
		此方法是 MagicDTree 的核心，不需要直接调用。
		如果你想自定义右键菜单和处理流程的话，可以重设这个方法
	</p>
	<h3><a href="#">addNode(dd)</a></h3>
	<p>
		为当前节点添加一个子节点，不需要直接调用。
		<ul>
			<li>dd: 节点数据</li>
		</ul>
	</p>
	<h3><a href="#">updateNode(dd)</a></h3>
	<p>
		修改当前节点，不需要直接调用。
		<ul>
			<li>dd: 节点数据</li>
		</ul>
	</p>
	<h3><a href="#">deleteNode(key)</a></h3>
	<p>
		删除当前节点，不需要直接调用。
		<ul>
			<li>dd: 节点数据</li>
		</ul>
	</p>
	<h3><a href="#">deleteChildren(dt)</a></h3>
	<p>
		删除当前节点的所有子节点。
		<ul>
			<li>dt: 当前节点对象</li>
		</ul>
	</p>
	<h3><a href="#">loadSubTree(dt)</a></h3>
	<p>
		用于动态加载子树。将触发 onLoadSubTree 事件
		<ul>
			<li>dt: 当前节点对象</li>
		</ul>
	</p>
	<h3><a href="#">getNode(key)</a></h3>
	<p>
		通过键值获取节点对象。
		<ul>
			<li>key: 节点键值</li>
		</ul>
	</p>
</div>